import Vue from 'vue'
import App from './App.vue'
// 自适应
import './mobile/flexible'
// 初始化样式
import './styles/reset.css'
// 引入路由配置的对象
import router from './router/index'
// tabbar组件
import { Tabbar, TabbarItem } from 'vant';
Vue.use(Tabbar);
Vue.use(TabbarItem);
// navbar
import { NavBar } from 'vant';
Vue.use(NavBar)
// van-row van-cal
import { Col, Row, Image as VanImage } from 'vant';
Vue.use(Col);
Vue.use(Row);
Vue.use(VanImage);
// 单元格 最新音乐
import { Cell, CellGroup } from 'vant';
Vue.use(Cell);
Vue.use(CellGroup);
// 搜索框
import { Search } from 'vant';
Vue.use(Search);
// list列表
import { List } from 'vant';
Vue.use(List);
// icon
import { Icon } from 'vant';
Vue.use(Icon);
Vue.config.productionTip = false

// import { recommendMusicAPI } from '@/api/index'
// async function myFn(){
//   const res = await recommendMusicAPI({limit: 6});
//   console.log(res);
// }
// myFn();

//vant适配 目的将rem自适应 
// - postcss – 配合webpack翻译css代码
// - postcss-pxtorem – 配合webpack, 自动把px转成rem
// - 新建postcss.config.js – 设置相关配置
// - 重启服务器, 再次观察Vant组件是否适配


new Vue({
  render: h => h(App),
  router
}).$mount('#app')
